// import variables from '@/styles/element-variables.scss';
// import defaultSettings from '@/settings';
const defaultSettings = {
	title: 'iMRO',
	showSettings: false,
	tagsView: true,
	fixedHeader: false,
	sidebarLogo: false,
	errorLog: 'production'
};

const { showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings;

const state = {
	theme: '#1890ff',
	showSettings: showSettings,
	tagsView: tagsView,
	fixedHeader: fixedHeader,
	sidebarLogo: sidebarLogo
};

const mutations = {
	CHANGE_SETTING: (state, { key, value }) => {
		// eslint-disable-next-line no-prototype-builtins
		if (state.hasOwnProperty(key)) {
			state[key] = value;
		};
	}
}

const actions = {
	changeSetting({ commit }, data) {
		commit('CHANGE_SETTING', data);
	}
}

export default {
	namespaced: true,
	state,
	mutations,
	actions
};

